/*
====================================================================================================================================================================
                                                    Start Global Properties
====================================================================================================================================================================
*/
body {
    font-family: helvetica;
}


img#logo {
    margin-left: 100px;
    margin-right: 100px;
    position: absolute;
    top: 17px;
    left: 0;
}

.topnav {
    background-color: #172035;
    overflow: hidden;
}

.topnav a {
	color: white;
  float: right;
  text-align: center;
  padding: 20px 30px;
	text-decoration: none;
	font-weight: 2em;
	font-family: 'helvetica';
}

.research-dropdown, .projects-dropdown{
  color: white;
  float: right;
  text-align: center;
	text-decoration: none;
	font-weight: 2em;
	font-family: 'helvetica';
}

.research-dropdown .research-btn, .projects-dropdown .projects-btn {
  border: none;
  outline: none;
  color: white;
  padding: 20px 30px;
  background-color: inherit;
  font-family:inherit;
  margin:0;
}

.topnav a:hover, .research-dropdown:hover .research-btn,  .projects-dropdown:hover .projects-btn{
    background-color: #09568d;
    color: white;
}

.research-dropdown-content, .projects-dropdown-content {
  display: none;
  position: absolute;
  background-color: #172035;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.research-dropdown-content a, .projects-dropdown-content a {
  float: none;
  color: white;
  padding: 20px 30px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.research-dropdown-content a:hover, .projects-dropdown-content a:hover {
  background-color: #
}

/*
.topnav a.active {
  background-color: #028599;
  color: white;
}
*/

.research-dropdown:hover .research-dropdown-content, .projects-dropdown:hover .projects-dropdown-content {
  display:block;
}

.topnav a.name {
  font-size: 25px;
  color: white;
  float:left;
}

.topnav a.name:hover {
  background-color: #172035
}


h1 {
    font-size: 4em;
}

h3 {
    font-size: 2em;
}

a {
  color:#00ABF0;
}

a:hover {
  background-color:#028599;
  color: white;
}

footer {
    width: 100%;
    height: 80px;
    background: #172035;
    position: absolute;
    left: 0;
}

p#footer {
    text-align: center;
    color: white;
    margin-top: 32px;
    font-size: 1em;
}


/*
====================================================================================================================================================================
                                                    End Global Properties
====================================================================================================================================================================
*/